<!DOCTYPE html>
<html style="height:360px">
	<head>
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<link rel="stylesheet" type="text/css" href="css/ena.css">
		<link rel="stylesheet" type="text/css" href="css/jquery-ui.custom.min.css">
		
		<script type="text/javascript" src="/js/const.js"></script>
		<script type="text/javascript" src="/js/jquery.min.js"></script>
		<script type="text/javascript" src="/js/jquery-ui.custom.min.js"></script>
		<script type="text/javascript" src="/js/base64.min.js"></script>
		<script type="text/javascript" src="/js/notifications.js"></script>
		<script type="text/javascript" src="/js/jquery.indexeddb.js"></script>
		<script type="text/javascript" src="/js/common.min.js"></script>
		<script type="text/javascript" src="/js/items.js"></script>
		<script type="text/javascript" src="/js/stats.js"></script>
		<script type="text/javascript" src="/js/view-menu.js"></script>
	</head>
	<body>
		<div id="stretcher" style="width:500px;"></div>
		<div class="title" ><h2>Empires &amp; Allies Helper - Stats</h2></div>
		<div id="menu" style="float:right;">
			<div id="rewards" class="icon  rewards" title="Rewards View"></div>
			<div id="notes" class="icon notes" title="Notifications View"></div>
			<div id="stats" class="icon stats" title="Stats View"></div>
			<div id="options" class="icon options" title="Processing Options"></div>
			<div class="icon blank"></div>
			<div id="refresh" class="icon refresh" title="Restart Processing"></div>
			<div id="stop" class="icon stop" title="Stop all Processing"></div>
        	<div id="close" class="icon close" title="Close"></div>
		</div>
		<div id="status" class="status"></div>
		<div style="color:black;position:absolute;float:left;top:30px;width:100%;" id="alarm"></div>
		<div id="tabs" style="top:40px;height: 305px;">
			<ul>
				<li><a href="#tabs-1">Notifications</a></li>
				<li><a href="#tabs-2">Rewards</a></li>
			</ul>
			<div id="tabs-1" class="ui-state-default" style="height: 250px;">
				<div id="filter_options">
					
				</div>
				<div id="accordion">
					<h3>Gifts</h3>
					<div id="gifts"><table id="gift_notifications" style="font-size: 80%;overflow:auto;"></table></div>
					<h3>Requests</h3>
					<div id="reqs"><table id="req_notifications" style="font-size: 80%;overflow:auto;"></table></div>
					<h3>Joins</h3>
					<div id="joins"><table id="join_notifications" style="font-size: 80%;overflow:auto;"></table></div>
				</div>
			</div>
			<div id="tabs-2" class="ui-state-default" style="overflow: auto; height: 250px;">
				<table id="rewards" style="font-size: 80%;">
					
				</table>
			</div>
		</div>
	</body>
</html>